<template>
    <div>
        <div class="topTab">
            <div class="tapIcon">
                <div class="topMid">
                <el-input :placeholder="searchText" ></el-input>
            </div>
                <div class="topRight">
                    <img src="../../assets/images/shopping/sousuo.png" alt="">
                </div>
            </div>
        </div>

    </div>
</template>
<script>
export default {
    props:{
        searchText:{
            type:String,
            default:''
        }
    }
}
</script>
<style lang="less" scoped>
.tapIcon{ display: flex; flex-direction: row; padding: 100px 25%;
 .topMid{margin: 0 30px;  margin-left: 130px;
 .el-input{ height: 60px; width: 800px; font-size: 20px;
        font-weight: 600; 
        /deep/.el-input__inner{ height:60px; border: 4px solid red;
        border-radius: 30px; text-align: center; color: #666; } } } .topLeft{ img{
        position: relative; bottom: -20%; left: 20%; } } .topRight{ width: 55px; height:
        55px; border: 1px solid #fe8c00; border-radius: 50%; background-color: #fe8c00;
        img{ position: relative; bottom: -20%; left: 20%; } } }

</style>